<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">-->
    <title>后台管理系统</title>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="bookmark" href="{{ url_for('static', filename='favicon.ico') }}"/>
    <base target="main_iframe">
    <link href="{{ url_for('static', filename='zui/css/zui.min.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='zui/theme/zui-theme-green.css') }}" rel="stylesheet">
    <script type="text/javascript" src="{{ url_for('static', filename='zui/lib/jquery/jquery.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='zui/js/zui.min.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='js/common/public.js') }}"></script>
    <style type="text/css">
        html,body{ width:100%; height:100%!important; background-color:#f8f8f8;}
        body{ overflow:hidden;}
        .f_table, .f_table td{ border:none; padding:0; margin:0;}
        .f_table{ width:100%; height:100%; background-color:#353535;}
        .f_table td{ vertical-align:top;}
        .f_up{ height:88px; overflow:hidden; color:#ffffff; }
        .f_up_left{ width:130px; color:#ffffff; text-align:center;}
        .f_up_nav{ height:50px;}
        .f_up_nav a{ display:inline-block; height:50px; line-height:50px; padding:0 10px; font-size:16px; color:#ffffff; cursor:pointer;}
        .f_up_nav a:hover{ color:#ffffff; text-decoration:none; background-color:#305567;}
        .f_up_nav a.curr{ background-color:#039BE5;}
        .f_up_tool{ height:38px; line-height:38px; background-color:#555555;}
        .f_ctl{ margin-left:10px;}
        .f_ctl span{ cursor:pointer; display:inline-block; width:25px; text-align:center; color:#ffffff;}
        .f_ctl span:hover{ color:#039BE5;}
        .f_left{ background:url("{{ url_for('static', filename='img/admin/bg.png') }}");}
        .f_left dl{ padding-left:10px; margin:0; color:#eeeeee;}
        .f_left dl dt{ height:26px; margin-top:14px; font-size:14px; cursor:pointer;}
        .f_left dl dd{ height:26px; padding-left:10px; font-size:13px;}
        .f_left dl dd a{ display:block; color:#dddddd; height:24px; line-height:24px;}
        .f_left dl dd a:hover, .f_left dl dd a.curr{ background-color:#039BE5; text-decoration:none; color:#ffffff;}
        .dropdown{ display:block; width:38px; height:38px; background-color:#038acc;}
        .dropdown .dropdown-toggle{ padding-left:12px; cursor:pointer;}
        .f_home{ background-color:#f8f8f8;}
        .dsp_none{ display:none;}
    </style>
</head>
<body>
    <table class="f_table">
        <tr class="f_up">
            <td class="f_up_left"><p style="margin-top:12px;"><img src="{{ url_for('static', filename='img/admin/logo-admin.png') }}" /></p></td>
            <td>
                <div class="f_up_nav">
                    <a class="curr"><i class="icon icon-home"></i>首页</a>
                    <a><i class="icon icon-users"></i>员工管理</a>
                    <a><i class="icon icon-check"></i>系统设置</a>
                </div>
                <div class="f_up_tool">
                    <div class="pull-left f_ctl">
                        <span title="后退" onclick="goStep('b')"><i class="icon icon-arrow-left"></i></span>
                        <span title="刷新" onclick="goStep('r')"><i class="icon icon-refresh"></i></span>
                        <span title="前进" onclick="goStep('f')"><i class="icon icon-arrow-right"></i></span>
                    </div>
                    <div class="pull-right">
                        <table>
                            <tr>
                                <td>
                                    欢迎你：{{ member_real_name }}
                                    &nbsp;&nbsp;&nbsp;
                                </td>
                                <td>
                                    <div class="dropdown">
                                        <span class="dropdown-toggle icon icon-bars" data-toggle="dropdown"></span>
                                        <ul class="dropdown-menu pull-right" role="menu">
                                            <li><a href="javascript:;" onclick="ZuiModal({url:'{{ url_for('admin.member_password') }}', title:'修改密码', icon:'lock', width:500});">修改密码</a></li>
                                            <li class="divider"></li>
                                            <li><a href="{{ url_for('admin.auth_logout') }}">退出登录</a></li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="f_left">
                <div class="menus">
                    <dl>
                        <dt><i class="icon icon-minus"></i> 什么A</dt>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单A1</a></dd>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单A2</a></dd>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单A3</a></dd>
                    </dl>
                </div>
                <div class="menus dsp_none">
                    <dl>
                        <dt><i class="icon icon-minus"></i> 什么B</dt>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单B1</a></dd>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单B2</a></dd>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单B3</a></dd>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单B4</a></dd>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单B5</a></dd>
                    </dl>
                </div>
                <div class="menus dsp_none">
                    <dl>
                        <dt><i class="icon icon-minus"></i> 什么C</dt>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单C1</a></dd>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单C2</a></dd>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单C3</a></dd>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单C4</a></dd>
                        <dd><a class="ms" href="javascript:;"><i class="icon icon-angle-right"></i>菜单C5</a></dd>
                    </dl>
                </div>
            </td>
            <td style="height:100%;" class="f_home">
                <div style="height:100%;">
                    <iframe src="{{ url_for('admin.home') }}" id="main_iframe" name="main_iframe" width="100%" height="100%" frameborder="0" scrolling="yes" style="overflow:visible;"></iframe>
                </div>
            </td>
        </tr>
    </table>
    <script type="text/javascript">
        $(function(){
            //顶部菜单
            $('.f_up_nav a').click(function(){
                //顶部菜单高亮选中
                $(this).addClass('curr').siblings().removeClass('curr');
                var ind = $(this).index();
                //左边菜单相应隐藏
                $('.menus').hide();//先都隐藏
                $('.menus:eq('+ind+')').show();//单独显示
            });
            $('.menus dl dt').click(function(){
                if($(this).children('i').hasClass('icon-plus')){
                    $(this).children('i').removeClass('icon-plus').addClass('icon-minus');
                }else{
                    $(this).children('i').removeClass('icon-minus').addClass('icon-plus');
                }
                $(this).siblings('dd').slideToggle(100);
            });
            //左边三级菜单a标签点击高亮
            $('.menus dl dd a').click(function(){
                $('.ms').removeClass('curr');
                $(this).addClass('curr');
            });
        });
    </script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="{{ url_for('static', filename='zui/lib/ieonly/html5shiv.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='zui/lib/ieonly/respond.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='zui/lib/ieonly/excanvas.js') }}"></script>
    <![endif]-->
</body>
</html>